/*AB模板网 www.adminbuy.cn*/
body{margin: 0px auto;width:100%; overflow-x:hidden}
*{box-sizing:border-box}
a{font-size:13px;text-decoration: none}
a:hover{color:#d42626 }
body,ul,p,li,div,td,input,select,textarea,hr{/*box-sizing:border-box;*/margin:0px 0px;padding:0px 0px;list-style:none; font-family:"Microsoft YaHei";}
h1,h2,h3,h4,h5,h6,b{color:#444444;margin:0px 0px;padding:0px 0px; font-weight:400;}
ul{ list-style: none;}
img{border: 0;padding:0px 0px;margin:0px 0px;}
a{color:#666}
a:hover{color:#00529c}
.clear{clear:both;}
.lf{float:left;}
.rt{float:right;}
.wh{width:100%;}
.bin{width:100%}
.container{ width:1200px; margin:auto;}
.wor{ line-height:24px; color:#666; font-size:13px;}
.bg_white{ background:#fff}
/*效果*/
.slow,.slow a,.slow .box,.slow li a,.slow li a,.rom h4,.slow h4,.slow p,.slow img,.slow b,.slow em,.slow .effect_img img,.slow .effect_img,.LRM li .goods-name b,.slow button,
.frame button,.sonNavBox li h3,.header .nav ul li,.rollBox .pl .box span,.rollBox .LeftBotton, .rollBox .RightBotton,.homeA .right a .box,.icoBoxOne,.list-two ul li,.picScroll-left .hd .prev,.picScroll-left .hd .next,#pages,#pages a{-webkit-transition:all .4s ease-in-out;-moz-transition:all .4s ease-in-out;-o-transition:all .4s ease-in-out;-ms-transition:all .4s ease-in-out;transition:all .4s ease-in-out;}
.effect_two{position:relative;box-sizing:border-box;cursor:pointer;-webkit-transition:all .4s ease-in-out;-moz-transition:all .4s ease-in-out;-o-transition:all .4s ease-in-out;-ms-transition:all .4s ease-in-out;transition:all .4s ease-in-out;overflow:hidden}
.effect_two .effect_two_img{position:relative;display:block;width:100%;padding:0;margin:0;opacity:1;-webkit-transition:all .4s ease-in-out;-moz-transition:all .4s ease-in-out;-o-transition:all .4s ease-in-out;-ms-transition:all .4s ease-in-out;transition:all .4s ease-in-out;overflow:hidden}
.effect_two:hover .effect_two_img,.homeC .middle a.one:hover .effect_two_img,.homeB .box:hover  .effect_two_img,.picScroll-left .bd ul li a:hover .effect_two_img,.list-one a:hover .effect_two_img,.list-two ul li:hover .effect_two_img{opacity:.9;-webkit-transform:scale(1.1);-moz-transform:scale(1.1);-o-transform:scale(1.1);-ms-transform:scale(1.1);transform:scale(1.1)}
.effect_two .effect_two_caption{color:#fff;-moz-backface-visibility:hidden;-webkit-backface-visibility:hidden;backface-visibility:hidden;-webkit-transition:all .4s ease-in-out;-moz-transition:all .4s ease-in-out;-o-transition:all .4s ease-in-out;-ms-transition:all .4s ease-in-out;transition:all .4s ease-in-out;overflow:hidden}
.effect_two .effect_two_caption,.effect_two .effect_two_caption > a{position:absolute;top:0;left:0;width:100%;height:100%;padding:0;margin:0;-webkit-transition:all .4s ease-in-out;-moz-transition:all .4s ease-in-out;-o-transition:all .4s ease-in-out;-ms-transition:all .4s ease-in-out;transition:all .4s ease-in-out;overflow:hidden}
.effect_two .effect_two_caption_h{font-size:1.3em;font-weight:700;text-align:center;width:80%;position:absolute;top:20%;left:10%;-webkit-transition:all .5s ease-in-out;-moz-transition:all .5s ease-in-out;-o-transition:all .5s ease-in-out;-ms-transition:all .5s ease-in-out;transition:all .5s ease-in-out;overflow:hidden;opacity:.8}
.effect_two:hover .effect_two_caption_h{color:#fff;opacity:1}
.effect_two .effect_two_caption_p{font-size:18px;text-align:center;width:80%;position:absolute;top:45%;left:10%;-webkit-transition:all .6s ease-in-out;-moz-transition:all .6s ease-in-out;-o-transition:all .6s ease-in-out;-ms-transition:all .6s ease-in-out;transition:all .6s ease-in-out;overflow:hidden;opacity:0}
.effect_two:hover .effect_two_caption_p{color:#fff;opacity:1}
/*banner_page*/
.banner_page{float:left; width:100%;}
.banner_page img{display: blcok;width:100%; height: auto;}
/*more*/
.more{ background: url(../images/more.png) no-repeat right; padding-right:10px;}
/*site*/
.site{float:left;width:100%; border-bottom:solid 1px #ddd;padding:0 0 10px 0; font-size:13px;color:#666;margin:15px 0}
.site a{ color:#666; font-size:13px;margin:0 3px; }
.site .icon-home{ background: url(../images/home_ico.png) no-repeat left;padding-left:21px;}
.site .frame{ text-align: right;}
.site a:hover{color:#00509a}
/*submenu*/
.submenu{ display:none;width:100%;    border-radius:0px 0 10px 10px; border:1px #f5f5f5 solid;margin:50px 0 0 -50px;padding:10px 0 10px 0;max-width:170px; background:#fff; position:absolute; z-index:999;}
header .submenu a{ float:none;display: block;color:#999;line-height:40px; border-bottom:1px #eee solid;text-align:center;font-size:14px;}
.submenu a:hover{ background:#ddd; color:#666}
.submenu a{padding:0 5px}
.submenu a:last-child{ border:none}
/*page*/
.page{}
.page .box{padding:20px; margin:0 0 20px 0 }
/*show*/
.show{ float:left;width:100%; margin:10px 0 50px 0}
.banner-page{ position:relative;width:100%;height:300px; overflow:hidden;}
.banner-page img{ position:absolute; left:50%; width:1920px;height:300px;margin-left:-960px}
/*pages*/
#pages{float:left;width:100%; margin:20px 0 50px 0; text-align:center;}
/*pe_top*/
.pe_top{width:100%; margin:20px 0 10px 0;}
.pe_top h1{font-size:23px;color:#42c9e1;; line-height:45px; font-weight:400; text-align:center; border-bottom: solid 1px #ddd}
.pe_top span{line-height:30px; font-size:12px; text-align:center; display:block; color:#888}
.pe_top span b{ font-weight:400}
/*sonNav
.sonNavBox{border: 1px #ddd solid;}
.sonNavBox h2{  background:#42c9e1 url(../images/iconav.png) no-repeat left; background-position:10px 25px;padding:25px 10px 25px 80px;font-size:20px; color:#fff}
.sonNavBox h2 span{ display:block;font-size:15px;color:#eee;text-transform:uppercase;}
.sonNavBox h2{}
.sonNavBox li{ border-bottom:1px #ddd solid;}
.sonNavBox li h3{padding:10px 20px;  cursor: pointer;}
.sonNavBox li h3 a{  color:#666; font-size:15px;padding-left:10px;background:url(../images/iconavli.png) no-repeat left}
.sonNavBox li .sonNavContent{ border-top:1px #ddd solid;}
.sonNavBox li .sonNavContent a{ display: block;padding:7px 5px 7px 85px;  color:#666; font-size:14px; border-bottom: dashed 1px #ddd; }
.sonNavBox li h3:hover,.sonNavBox li h3.active{ background:#2db1c9 ; color:#fff}
.sonNavBox li h3.active a{ color:#fff}
.sonNavBox li .sonNavContent a:hover{color:#2db1c9}*/
/*banner*/
.banner { width:100%; overflow:hidden; margin:0 auto; margin-top:0px; }
.banner {width:100%; position:relative; margin:0; padding:0; overflow:hidden; }
.banner_ul { width:100%; margin:0; padding:0; }
.banner_ul li{ width:100%;}
.banner_ul img { display:block; margin:0 auto; position:relative; width:1920px;height:600px;}
.banner_pic { width:100%; list-style:none; padding:0; overflow:hidden; }
.banner .rslides_tabs{position:absolute; bottom:30px; left:45%;}
.banner .rslides_tabs li{float:left;margin:0 5px;}
.banner .rslides_tabs a{float:left;border-radius:20px;width:50px;height:3px; background: #fff; font-size:0;}
.banner .rslides_tabs .rslides_here a{ background:#dd9322}
.banner .prev,.banner .prev,.banner .prev,.banner .next{position:absolute; top:250px; width:42px; height:84px;font-size: 0px; }
.banner .prev{left:90px;background:url(../images/prevc_ico.png) no-repeat;}
.banner .next{right:90px;background:url(../images/nextc_ico.png) no-repeat;}
/*download*/
.download{float:left; width:100%; margin:0px 0 50px 0;}
.download a{ float:left;width:409px;margin:0px 10px 20px 10px; border-radius: 10px;padding:15px;border: 3px #ddd solid;}
.download a h4{color:#333;font-size:16px;}
.download a p{color:#999; font-size:13px;margin:5px 0}
.download a span{ display: block;margin:20px 0 0 0;font-size:12px;color:#999}
.download a span em{float:right; background:#ccc;border-radius: 20px;padding:5px 10px; color:#fff; font-size:x-small;}
.download a:hover{ border: 3px ##00509a solid;}
.download a:hover h4{ color:##00509a}
.download a:hover span em{background:##00509a}
/*contact*/
.contact{}
.contact h2{ color:#1a1a1a; font-size:25px;margin:0px 0 50px 0; }
.contact .long{ float:left;width:100%}
.contact .long b{ float: left; width:20%; /*border-right: solid 1px #ddd ;*/ text-align: center;}
.contact .long b h4{ color:#999; font-size:14px; font-weight:400}
.contact .long b h4 span{margin:5px 0; display: block;; color:#666; font-size:13px;}
.contact .box{ font-size:14px;color:#666; line-height:25px;}
.contact #dituContent{ float:left;width:100%;height:450px; margin:40px 0 0 0;}
/*commente*/
.comments{ float:left; width:100%;  margin:0 0 20px 0}
.comments form{ width:100%; margin:auto;padding:0px 0 50px 0;}
.comments form .one{ float:left; width:48%; margin-right:3%}
.comments form .two{ float:right; width:48%;}
.comments form .three{ float:left; width:100%;}
.comments input{outline: none; border-bottom:1px solid #999;background:none; margin:20px 0 0 0; color:#777;  height:45px; line-height:45px; font-size:15px;border-left:none; border-right:none; border-top:none;}
.comments form textarea{ outline: none;float:left; margin:20px 0 0 0; background:none;height:110px;width:100%;border-bottom:1px solid #999; color:#777;font-size:15px;border-left:none; border-right:none; border-top:none; }
.comments form *::-moz-placeholder{color:#000}
.comments form button{ float:left;display:block;cursor: pointer;  background:#666; font-size:17px; border:none; margin:20px auto; color:#fff; padding:10px 50px;}
.comments form button:hover{ background:#033572}
.comments .title{ float:left; width:100%;text-align:left; margin:50px 0 35px; color:#666; font-size:30px;   /* font-family: 'Gabriela', serif;*/}
.comments .title {}
.comments .title b{  margin:10px 0 0 0; font-size:12px; color:#777; font-weight:400; }
.comments .title span{
    display: block;
    border: 2px solid #ccc;
    width: 14px;
    height: 14px;
    border-radius: 100%;
    margin: .4em auto 0em;
    position: relative;
}
/*show-product*/
.show-product{float:left;width:100%;}
.show-product .left{float:left; width:350px;}
.show-product .left img{max-width:100%;width:100%}
.show-product .right{ float:right; width:550px}
.show-product .right .title{ color:#333; font-size:18px; font-weight:bold}
.show-product .right .box{ margin:20px 0 0 0; color:#666; font-size:13px; line-height:24px; }
.show-product .right .frame{margin-top:20px; padding-top:20px; border-top: 1px #ddd solid; padding-left:35px;color:#666; font-size:12px;background: url(../images/tel-ico01.png) no-repeat left; background-size:30px; background-position:0px 28px }
.show-product .right .frame b{ display: block;margin:3px 0 0 0;color:#00509a; font-size:20px;}
.show-product .down{ float:left; width:100%; margin:30px 0 0 0;}
.show-product .down h2{ color:#333; font-size:20px; line-height: 45px;; margin:0 0 20px 0;border-bottom:solid 1px #999}
/*list-one*/
.list-one a{float:left; width:290px; margin:10px 10px 20px 10px}
.list-one a img{ width:100%;}
.list-one a h4{font-size: 18px;margin:15px 0;color: #333;}
.list-one a p{ margin:10px 0 10px 0;color:#666; font-size:12px; text-align: left;line-height:22px;}
/*.list-one a span{ float:left;display: block;color:#999999;border:1px #999 solid;  padding:5px 25px;}*/
.list-one a:hover .icoBoxOne{ background: url(../images/ico_05h.png) no-repeat center; color:#fff}
.list-one a:hover p,.list-one a:hover h4{color:#00529C}
/*list-two*/
.list-two{}
.list-two ul{ float:left; margin:0px 0 0 0;}
.list-two ul li{ float:left; width:100%;margin:0 0 30px 0; background:#f3f3f3; }
.list-two ul li img{float:left;width:200px;}
.list-two ul li .right{ float:left; width:675px;padding:20px;}
.list-two ul li .right h4{ color:#333;font-size:18px;}
.list-two ul li:hover .right h4{ color:#00509a;}
.list-two ul li .right span{ display: block;color:#b4b3b1; font-size:12px;line-height:25px;}
.list-two ul li .right p{ margin:20px 0 0 0;color:#555555;  font-size: 14px;line-height:25px;}
.list-two ul li:hover{ background:#eee}
.list-two ul li:hover p{color:#00509a}
.list-two ul li .left{width:250px;height:182px;}
/*list-three*/
.list-three a{float:left; width:290px; margin:10px 10px 20px 10px}
.list-three a img{ width:100%;height:230px;}
.list-three a h4{font-size: 16px;margin:5px 0;color: #333; text-align: center;}
/*list-hj*/
.list-hj a{float:left; width:290px; margin:10px 10px 20px 10px}
.list-hj a img{ width:100%;height:196px;}
.list-hj a h4{font-size: 16px;margin:5px 0;color: #333; text-align: center;}
/*scroll*/
.rollBox{ position:relative;float:left;width:1220px; margin:20px 0 20px 0; border: 1px #ddd solid;padding:15px;}
.rollBox .LeftBotton, .rollBox .RightBotton { position:absolute;z-index:99; float:left;color:#ffffff; background:#000;/*background:url(../images/left.png) no-repeat; */cursor:pointer;}
.rollBox .LeftBotton, .rollBox .RightBotton{height:45px;width:40px; }
.rollBox .LeftBotton{left:-20px;top:100px;background:#000 url(../images/prve_ico.png) no-repeat center;}
.rollBox .RightBotton{right:-15px;top:100px;background:#000 url(../images/next_ico.png) no-repeat center; }
.rollBox .LeftBotton:hover{ background:#1CBAC8 url(../images/prve_ico.png) no-repeat center;}
.rollBox .RightBotton:hover{ background:#1CBAC8 url(../images/next_ico.png) no-repeat center;}
.rollBox .Cont{ float:left;width:1210px;overflow:hidden;margin-left:0px; }
.rollBox .ScrCont{width:32766px;}
.rollBox #List1,.rollBox #List2{float:left;}
.rollBox .pl { float:left;width:201.6px;overflow:hidden;text-align:center;}
.rollBox .pl img{ width:180px; }
.rollBox .pl a:hover img{ opacity: 0.9;}
.rollBox .pl a{ width:180px; display:block;margin:auto;position:relative;}
.rollBox .pl .box{margin:30px 0 0 0}
.rollBox .pl .box h4{font-size: 20px;color: #333;}
.rollBox .pl .box p{ margin:10px 0 10px 0;color:#666; font-size:12px; text-align: left;}
.rollBox .pl .box span{ margin:auto;display: block;width:80px;border-radius: 10px; color:#999999;border:1px #999 solid;  padding:3px 15px;}
.rollBox .pl a:hover .box span{  color:#ffffff; background: #1CBAC8; border:1px #1CBAC8 solid; }
.rollBox .pl a:hover .box h4{color:#1CBAC8}
.rollBox .pl .imgbox{ position: relative;}
.rollBox .pl a:hover .effect_two_img{-webkit-transform:scale(1.1);-moz-transform:scale(1.1);-o-transform:scale(1.1);-ms-transform:scale(1.1);transform:scale(1.1)}
.imgc {
    max-width: 930px;
    height: auto;
    display: block;
    margin: 0 auto;
}
.dates li {font-size: 14px;margin:20px 0}
.dates li span{float:right}

#maximg img{ width:100%; height:auto !important}

.pagebar { padding:20px; overflow:hidden; clear:both}
.pagebar .pagination {
  display: flex;
  justify-content: center;
  margin-top: 10px;
}
.pagination a {
  background: #fff;
  border: 1px solid #ccc;
  color: #333;
  font-size: 12px;
  padding: 8px 10px;
  margin: 0 2px;
  border-radius: 3px; line-height:100%
}
.pagination span {
    color: #333;
    font-size: 12px;
    padding: 7px 2px;
    margin: 0 2px;
    border-radius: 3px;
}
.pagination a:hover {
  color: #333;
  border: 1px solid #333;
}
.pagination a.page-num-current {
  color: #fff;
  background: #333;
  border: 1px solid #333;
}
.pagination .st{ font-family:宋体}
.text-secondary{ text-align:center; padding:20px 0}
.box{ line-height:26px; color:#333}
.daodu {
	box-shadow: 0px 2px 10px #df2f2f;
    background-color: #F6F6F6;
    padding: 15px 51px 1px 90px;
    border: 0px #f78485 dotted;
    text-indent: 0;
    background: url(/skin/images/logo-m.png) no-repeat 0 50%;
    margin-bottom: 15px;
}
.list-4 li a {
    display: block;
    overflow: hidden;
    padding: 20px;
    background-color: #f5f5f5;
}
.list-4 li .more {
    float: right;
    line-height: 36px;
    width: 90px;
    text-align: center;
    background-color: #999;
    color: #fff;
    margin-top: 20px;
}
.list-4 li .date {
    float: left;
    width: 76px;
    background-color: #fff;
    text-align: center;
    padding: 14px 0;
}
.list-4 li .date strong {
    display: block;
    font-family: Impact;
    font-size: 24px;
    line-height: 1;
    margin-bottom: 5px;
}
.list-4 li .text {
    margin: 0 110px 0 95px;
}
.list-4 li {
    margin-bottom: 10px;
}
.list-4 li .text h4 {
    margin: 0;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
    font-size: 16px;
}
用户代理样式表
h4 {
    display: block;
    margin-block-start: 1.33em;
    margin-block-end: 1.33em;
    margin-inline-start: 0px;
    margin-inline-end: 0px;
    font-weight: bold;
}
p {
    display: block;
    margin-block-start: 1em;
    margin-block-end: 1em;
    margin-inline-start: 0px;
    margin-inline-end: 0px;
}
.yunu-sou {
    padding: 15px 0;
    background-color: #f5f5f5;
}
.yunu-sou .hot {
    float: left;
    padding: 5px 0;
}